"use client"

import { traceInClient } from "./helper";
import { Flexible } from "./Flexible"

export const CC = ({children}:{
  children?: React.ReactNode;
}) => {
  console.log('cc', (new Date()).toLocaleTimeString())

  traceInClient()

  return (
    <div className="border-2 border-black p-4">
      <h1 className="text-4xl mb-2">
        Client Component
      </h1>
      { !!children ? children :
        <Flexible />
      }
    </div>
  )
}
